<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="javaScript/gouwuc.js"></script>
		<script type="text/javascript" src="javaScript/address.js"></script>
		<style type="text/css">
			body{
				margin: 0px auto;
			}
			body>form>table{
				width: 800px;
				text-align: center;
				background-color: #00FFFF;
			}
			body>form>table tr td{
				height: 60px;
			}
			
			b{
				font-size: 20px;
			}
			
			
			#del{
				width: 100px;
				
			}
			
			.anniu{
				width: 25px;
				height: 25px;
				font-size: 20px;
			}
			
			.kuang{
				width: 90px;
				height: 20px;
				font-size: 17px;
				text-align: center;
				border: none;
				background-color: #00FFFF;
			}
			.kuang2{
				width: 50px;
				height: 20px;
				font-size: 17px;
				text-align: center;
				border: none;
				background-color: #00FFFF;
			}
			
			#shu{
				border: none;
				width: 30px;
			}
			
			#diva{
				width: 100%;
				height: 100%;
				background-color: rgba(0,0,0,0.5);
				z-index: 9999;
				position: absolute;
				display: none;
			}
			
			#diva>table{
				width: 300px;
				height: 300px;
				margin-top: 100px;
				text-align: center;
				border-radius: 20px;
				background-color: #00FFFF;
			}
		</style>
	</head>
	<body>
		<!--遮盖层-->
		<div id="diva">
			<table cellspacing="0" align="center">
			<tr>
				<td colspan="2"><b>送货地址确认</b></td>
			</tr>
			<tr>
				<td>省份:</td>
				<td>
					<select id="sheng" onchange="cascade()">
						<option value="">--请选择省份--</option>
						<option value="河南省">河南</option>
						<option value="河北省">河北</option>
					</select>
				</td>
			</tr>
			<tr>
				<td>城市:</td>
				<td>
					<select id="city" onchange="cascade2()">
						<option value="">--请选择城市--</option>
					</select>
				</td>
			</tr>
			<tr>
				<td>区:</td>
				<td>
					<select id="qu">
						<option value="">--请选择区--</option>
					</select>
				</td>
			</tr>
			<tr>
				<td>街道:</td>
				<td>
					<input type="text" id="jie" />
				</td>
			</tr>
			<tr>
				<td>门牌号:</td>
				<td>
					<input type="text" id="men" />
				</td>
			</tr>
			<tr>
				<td colspan="2">
					<input type="button" value="确认" onclick="tijiao()"/>					
				</td>
			</tr>
		</table>
		</div>
		
		
	<form action="chenggong.html" name="myName" id="myName" method="get" onsubmit="return tidi()">
			
		<table id="tab" cellspacing="0" cellpadding="0" border="1px" align="center" onchange="zongji()">
			<tr>
				<td colspan="7"><b>简易购物车</b></td>
			</tr>
			<tr>
				<td>
					<input type="checkbox" id="all" name="allcheck" onclick="quanbu()"/>全选
				</td>
				<td>商品名称</td>
				<td>数量(件)</td>
				<td>单价(元)</td>
				<td>运费(元)</td>
				<td>合计</td>
				<td>操作</td>
			</tr>
			
			<tr>
				<td>
					<input type="checkbox" id="1" name="checkB" onclick="fanxuan()"/>
				</td>
				<td><input class="kuang" type="text" value="双飞燕键盘" readonly="readonly" name="sname" id="sname"></td>
				<td><input class="anniu" type="button" value="-" id="jian" onclick="shuliang(this)"><input type="text" value="1" readonly="readonly" name="shu" id="shu"><input class="anniu" type="button" value="+" id="jia" onclick="shuliang(this)">
				</td>
				<td><input class="kuang" type="text" value="50.5" readonly="readonly" name="dan" id="dan">
				</td>
				<td><input class="kuang" type="text" value="25" readonly="readonly" name="yun" id="yun">
				</td>
				<td><input class="kuang" type="text" value="75.5" readonly="readonly"  name="zong" id="zong">
				</td>
				<td id="del"><a href="#" onclick="del(this)">删除</a>
				</td>
			</tr>
			<tr>
				<td colspan="7">
					<input type="button" id="clear" value="删除所选" onclick="clears()" />
					<a href="#" onclick="address()">请填写邮寄地址</a>
					<input type="text" id="address" style="width: 200px;" readonly="readonly"/>
					<input type="submit" id="tijiao" value="提交订单" />&emsp;
					<span>总计:</span>
					<input type="text" class="kuang2" id="zongji" value="75.5" readonly="readonly"/>
				</td>
			</tr>
		</table>
	</form>
			
		
		<h1>添加商品</h1>
		商品名字:<input type="text" id="name" />
		商品单价:<input type="text" id="price" />
		商品数量:<input type="text" id="count" />
		商品运费:<input type="text" id="yf" />
		<input type="button" id="add" value="添加商品" onclick="add()"/>
	</body>
	
</html>
